import { createFileRoute } from '@tanstack/react-router'
import { Card, Typography } from 'antd'

const { Title, Paragraph } = Typography

export const Route = createFileRoute('/')({
  component: Home,
  meta: {
    label: '首页',
    icon: 'HomeOutlined'
  },
} as any)

function Home() {
  return (
    <Card>
      <Title level={2}>欢迎使用后台管理系统</Title>
      <Paragraph>
        这是一个基于 React、TanStack Router 和 Ant Design 构建的现代化后台管理系统。
      </Paragraph>
      <Paragraph>
        系统采用了模块化架构设计，支持动态路由和嵌套路由功能。
      </Paragraph>
    </Card>
  )
}